<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<head>
<title><ui:insert name="pageTitle">Test</ui:insert></title>
<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- JavaScript -->
<script type="text/javascript" src="scripts/wufoo.js"></script>

<!-- CSS -->
<link rel="stylesheet" href="css/structure.css" type="text/css" />
<link rel="stylesheet" href="css/form.css" type="text/css" />
<link rel="stylesheet" href="css/theme.css" type="text/css" />
</head>

<body id="public">
<div id="container">
<h:form id="form" class="wufoo">
	<div class="info">
	<h2>Administrar clientes</h2>
	<div>Esta funcionalidad permite 
	consultar y modificar la información de un cliente y el inventario de productos
	Mobile And Business Ltda que tiene asociados</div>
	</div>
	<ul>
			<li><label class="desc"><h:outputText id="otClientes" value="Clientes"/></label>
				<div><h:selectOneMenu id="#{clienteBean.clienteSeleccionado}" value="#{clienteBean.listaClientes}" class="field select" /></div>
			</li>
			<li class="buttons">
				<h:commandButton action="consultar" value="Consultar" styleClass="btTxt" type="submit"/>				
			</li>
<!--		<h:panelGroup id="panelGroup" rendered="#{clienteBean.mostrarResultadoConsulta}">		-->
<!--			<li class="section first">-->
<!--				<h4>Cliente: Mobile and Business Ltda</h4>		-->
<!--			</li>-->
<!--			<li class="complex">-->
<!--				<label class="desc">Información básica</label>-->
<!--				<div>-->
<!--					<span class="full">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Nombre/razón social</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="left">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Tipo de identificación</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="right">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Nro. de identificación</label>-->
<!--					</span>-->
<!--					-->
<!--				</div>-->
<!--				<label class="desc">Ubicación</label>-->
<!--				<div>-->
<!--					<span class="full">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Dirección</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="full">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Dirección  línea 2</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="left">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Ciudad</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="right">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Departamento</label>-->
<!--					</span>-->
<!--					-->
<!--					<span class="left">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Telefono fijo</label>-->
<!--					</span>-->
<!--					-->
<!--					<span class="full">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>e-mail</label>-->
<!--					</span>-->
<!--				</div>-->
<!--				<label class="desc">Representante legal</label>-->
<!--				<div>-->
<!--					<span class="full">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Nombre completo</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="left">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Tipo de identificación</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="right">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Nro. de identificación</label>-->
<!--					</span>-->
<!--					-->
<!--					<span class="left">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Teléfono oficina</label>-->
<!--					</span>-->
<!--					-->
<!--					<span class="right">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Celular</label>-->
<!--					</span>-->
<!--					-->
<!--				</div>-->
<!--				<label class="desc">Información de usuario</label>-->
<!--				<div>-->
<!--					<span class="left">-->
<!--					<input class="field text addr" type="text" value="" />-->
<!--					<label>Nombre de usuario</label>-->
<!--					</span>-->
<!--					-->
<!--					<span class="right">-->
<!--					<input id="" class="btTxt" type="submit" value="Generar nueva contraseña" />-->
<!--					<label>Generar nueva contraseña</label>-->
<!--					</span>-->
<!--			-->
<!--					<span class="left">-->
<!--					<label>10/12/2011</label>-->
<!--					<label>Usuario desde</label>-->
<!--					</span>-->
<!--				</div>		-->
<!--			-->
<!--			</li>-->
<!--			<li class="section first">-->
<!--					<h4>Listado de dispositivos</h4>						-->
<!--			</li>			-->
<!--			<li>-->
<!--				<div class="likert">							-->
<!--						<table>-->
<!--							<thead>-->
<!--								<tr>							-->
<!--								<th>-->
<!--									Serial-->
<!--								</th>-->
<!--								<th>-->
<!--									Marca-->
<!--								</th>-->
<!--								<th>-->
<!--									Modelo-->
<!--								</th>-->
<!--								<th>-->
<!--									Ubicación-->
<!--								</th>-->
<!--								<th>-->
<!--									Descripción-->
<!--								</th>-->
<!--								<th>-->
<!--									Modificar-->
<!--								</th>-->
<!--								<th>-->
<!--									Eliminar-->
<!--								</th>-->
<!--							</tr>-->
<!--							</thead>-->
<!--							<tbody>-->
<!--								<tr>-->
<!--									<td>-->
<!--										<label>S234545</label>-->
<!--									</td>-->
<!--									<td>-->
<!--										<label>EBS</label>-->
<!--									</td>-->
<!--									<td>-->
<!--										<label>LX20</label>-->
<!--									</td>-->
<!--									<td>-->
<!--										<label>OFICINA PRINCIPAL ENTRADA OFICINA 206</label>-->
<!--									</td>-->
<!--									<td>-->
<!--										<label>Trasmite a través de GPRS usando WITECH</label>-->
<!--									</td>-->
<!--									<td>-->
<!--										<label><a>Modificar</a> </label>-->
<!--									</td>-->
<!--									<td>-->
<!--										<label><a>Eliminar</a> </label>-->
<!--									</td>-->
<!--								</tr>-->
<!--							</tbody>-->
<!--						</table>				-->
<!--				</div>-->
<!--			</li>-->
<!--			<li class="buttons">-->
<!--				<input id="saveForm" class="btTxt" type="submit" value="Adicionar dispositivo" />										-->
<!--			</li>-->
<!--			<li class="buttons">-->
<!--				<input id="saveForm" class="btTxt" type="submit" value="Guardar" />-->
<!--				<input id="saveForm" class="btTxt" type="submit" value="Cancelar" />							-->
<!--			</li>-->
<!--		</h:panelGroup>-->
	</ul>
	
</h:form>
</div>
<img id="bottom" src="images/bottom.png" alt="" />

</body>

</html>